@import url("reset.css");
.full{
	width:100%;
	height:100%;
}
.r{
	position:relative;
}
.a{
	position:absolute;
}
.f{
	position:fixed;
}
html,body,.container{
	.full;
	font-family:"Microsoft YaHei";
	font-size:62.5%;
}
.container{
	display:-webkit-box;
	-webkit-box-orient:vertical;
}
.section{
	-webkit-box-flex:1;
	overflow:auto;
	width:94%;
	margin:0 auto;
.box{
	width:100%;
	height:6.7rem;
	background:white;
	border-bottom:0.1rem solid #f7f7f7;
	.ox1{
	   width:8.5%;
	   height:6.7rem;
	   float:left;
	   img{
	   		display:block;
	   		width:180%;
	   		height:4rem;
	   		margin-top:1.5rem;
	   		margin-left:-0.8rem;
	   }
	}
	
	.ox2{
	   width:11.6%;
	   height:3rem;
	   border-radius:10rem;
	   margin-top:2rem;
	   float:left;
	   margin-left:2.3%;
	   img{
	 	 border-radius:10rem;
	 	 display:block;
	   	 width:100%;
	   }
	}
	.ox3{
	   width:65.7%;
	   height:6.7rem;
	   float:left;
	   margin-left:2.3%;
	   color:#828282;
	   .p1{
	   		margin-top:0.9rem;
	   }
	   .ren{
	      span{
	         display:block;
	         float:right;
	         color:#0d8def;
	         font-size:1.5rem;
	      }
	   }
	   	#bar{
			height:1.2rem;
			width:100%;
			float:left;
			margin-top:0.3rem;
			background-color: #e6e6e7;
			border: 0.1rem solid #AAA;
			border-radius:1rem;
				.finish {
					height: 100%;
					width: 0%;
					border-radius:0.5rem;
					}
					.ing{
					color:#4f4f4f;
					text-align:center;
					font-family:"微软雅黑",Verdana, Geneva, sans-serif
				}					
		}
	}
	.ox4{
	   width:7.4%;
	   height:6.7rem;
	   float:left;
	   margin-left:2.2%;
	   img{
	      	display:block;
	   		width:100%;
	   		margin-top:2.4rem;
	   }
	}
   }
}
//遮罩层
#ze{
  width:100%;
  height:100%;
  /*使用z-index必须之前要有定位*/
  position:absolute;
  /*刚开始遮罩层是影藏的*/
  display:none;
  /*z-index的索引*/
  z-index:100;
    background:black;
   /*遮罩层的背景颜色*/
  background:rgba(0,0,0,0.6);
  .man{
      margin-left:5rem;
  	  img{
  	     width:100%;
  	     height:50rem;

  	  }
  }